@charset "utf-8";
.banner{
    padding: 0;
    margin-top: 33px;
    img{
        width: 100%;
    }
}
//引擎
.layaflash{
    background: #FBFAF7;
    padding-top: 104px;
    .container{
        background: url(../img/home6.png)no-repeat;
        background-position: right bottom;
        background-size: 30%;
        padding-bottom: 30px; 
        >h1{
            font-size: 48px;
            color: #0078d7;
        }
        >h2{
            font-size: 30px;
            color: #666666;
            margin-top: 33px;
            margin-bottom: 79px;
        }
        .row{
           .flashPro{
               display: flex;
               justify-content: space-around;
               margin-bottom: 47px;
               .flash-img{
                   flex-shrink: 0;
                   width: 64px;
                   height: 64px;
                   overflow: hidden;
                    img{
                        width: 100%;                               
                    }
                }
                .flash-lt{
                    h3{
                        font-size: 19px;
                        color: #333333;
                        display: block;
                        margin-bottom: 4px;
                    }
                    p{
                        display: block;
                        font-size: 14px;
                        color: #666666;
                        margin-bottom: 2px;
                        width: 211px;
                    }
                }
           } 
        }
    }
}
//优势
.advantage{
    margin-top: 116px;
    .container{
        background: url(../img/home7.png)no-repeat;
        background-size: 30%;
        background-position: left center;
        .row{
            .advantage-cet{
                font-size: 0;
                h1{
                    font-size: 48px;
                    color: #8fc31f;
                    margin-bottom: 43px;
                }
                .advantage-cetone{
                    border: none;
                    font-size: 0;
                    display: flex;
                    flex-direction: row;
                    text-decoration: none;
                    align-items: center;
                    margin-bottom: 16px;
                    img{
                        width: 54px;
                        height: 54px;
                    }
                    .advantage-cetone-body{
                        padding: 0;
                        margin-left: 9px;
                        p{
                            font-size: 14px;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }
}
.family{
    background: #0079d7;
    overflow: hidden;
    margin-top: 89px;
    .allWidth{
        text-align: center;
        margin-top: 114px;
        >h1{
            font-size: 48px;
            color: white;
            margin-bottom: 72px;
        }
        .row{
            margin-bottom: 79px;
            .family-mass{
                display: flex;
                align-items: center;
                .centhr-img{
                    width: 66px;
                    height: 66px;
                    overflow: hidden;
                    flex-shrink: 0;
                    img{
                        width: 100%;
                    }
                }
                .centhr-wenz{
                    text-align: left;
                    margin-left: 60px;
                    h1{
                        font-size: 33px;
                        color: white;
                    }
                    span{
                        width: 280px;
                        display: block;
                        font-size: 14px;
                        color: white;
                        line-height: 29px;
                        margin-top: 17px;
                    }
                }
            }
        }
    }
}
//游戏
.game{
    margin-top: 86px;
    .allWidth{
        .title{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 45px;
            h1{
                font-size: 35px;
                color: #2a2a2a;
            }
            a{
                font-size: 14px;
                color: #2a2a2a;
            }
        }
        .row{
           .video{
               video{
                   width: 100%;
                   height:200px;
               }
            }
            .gameType{
                .card{
                    border: none;
                    text-align: center;
                    font-size: 0;
                    text-decoration: none;
                    .card-body{
                        padding: 0;
                        padding: 5px 0;
                        p{
                            font-size: 14px;
                            color: #2a2a2a;
                        }
                    }
                }
            } 
        }
    }
}
//伙伴
.partner{
    margin-top: 65px;
    background: #f4f4f4;
    overflow: hidden;
    .allWidth{
        margin-top: 40px;
        h1{
            font-size: 30px;
            color: #2a2a2a;
            display: inline-block;
            margin-bottom: 32px;
        }
        span{
            font-size: 12px;
            color: #777777;
        }
        .row{
            font-size: 0;
            margin-bottom: 50px;
            .partner-img{
                margin-bottom: 20px;
                width: 150px;
                height: 66px;
                flex-grow: 0;
                img{
                    height: 100%;
                }
            }
        }
    }
}

@media only screen and  (max-width:414px){
    .banner{
        margin-top: 32px;
    }
    .layaflash{
        padding-top: 50px;
        .container{
            background: none;
            >h1{
                font-size: 36px;
            }
            >h2{
                font-size: 20px;
                margin-bottom: 38px;
            }
            .row{
                .flashPro{
                    margin-bottom: 30px;
                }
            }
        }
    }
    .game{
        .allWidth{
            .title{
                flex-direction: column;
                align-items: flex-end;
                margin-bottom: 35px;
                h1{
                    font-size: 30px;
                }
            }
        }
    }
    //优势
    .advantage{
        margin-top: 116px;
        .container{
            background:none;
            .row{
                .advantage-cet{
                    font-size: 0;
                    h1{
                        font-size: 48px;
                        color: #8fc31f;
                        margin-bottom: 43px;
                    }
                    .advantage-cetone{
                        border: none;
                        font-size: 0;
                        display: flex;
                        flex-direction: row;
                        text-decoration: none;
                        align-items: center;
                        margin-bottom: 16px;
                        img{
                            width: 54px;
                            height: 54px;
                        }
                        .advantage-cetone-body{
                            padding: 0;
                            margin-left: 9px;
                            p{
                                font-size: 14px;
                                color: #666666;
                            }
                        }
                    }
                }
            }
        }
    }
    .family{
        .allWidth{
            >h1{
                font-size: 36px;
                color: white;
                margin-bottom: 72px;
            }
            .row{
                margin-bottom: 7px;
                .family-mass{
                    display: flex;
                    align-items: center;
                    margin-bottom: 20px;
                    .centhr-img{
                        width: 66px;
                        height: 66px;
                        overflow: hidden;
                        flex-shrink: 0;
                        img{
                            width: 100%;
                        }
                    }
                    .centhr-wenz{
                        text-align: left;
                        margin-left: 40px;
                        h1{
                            font-size: 33px;
                            color: white;
                        }
                        span{
                            width: 250px;
                            display: block;
                            font-size: 14px;
                            color: white;
                            line-height: 29px;
                            margin-top: 17px;
                        }
                    }
                }
            }
        }
    }
    //伙伴
    .partner{
        .allWidth{
            h1{
                font-size: 26px;
                color: #2a2a2a;
                display: inline-block;
                margin-bottom: 32px;
            }
            span{
                font-size: 12px;
                color: #777777;
            }
            .row{
                font-size: 0;
                align-items: flex-start;
                padding: 0;
                .partner-img{
                    margin-bottom: 10px;
                    flex-grow: 0;
                    padding: 5px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
    footer{
        .ft{
            .allWidth{
                .row{
                    .ft-center{
                        .ft-cet-top{
                            font-size: 0;
                            a{
                                font-size: 14px;
                                color: #a1a3ab;
                                margin-right: 14px;
                            }
                        }
                        .ft-cet-bt{
                            margin-top: 15px;
                            span{
                                font-size: 12px;
                                color: #a1a3ab;
                            }
                        }
                    }
                    .ft-img{
                        margin-top: 38px;
                        display: none;
                        .ft-img-pc{
                            width: 38px;
                            height: 38px;
                            margin-right: 20px;
                            cursor: pointer;
                            img{
                                height: 100%;
                            }
                            &:nth-child(2):hover ~.ft-img-pc2{
                                display: block;
                            }
                        }
                        .ft-img-pc2{
                            width: 142px;
                            height: 150px;
                            overflow: hidden;
                            position: absolute;
                            top:-152px;
                            left: 24px;
                            display: none;
                            img{
                                height: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}
//iphone5
@media only screen and  (max-width:320px){
    .banner{
        margin-top: 32px;
    }
    .layaflash{
        .container{
            .row{
                .flashPro{
                    padding: 0;
                    .flash-lt{
                        p{
                            width: 200px;
                        }
                    }
                }
            }
        }
    }
    .family{
        .allWidth{
            >h1{
                font-size: 30px !important;
                color: white;
                margin-bottom: 72px;
            }
            .row{
                margin-bottom: 7px;
                .family-mass{
                    display: flex;
                    align-items: center;
                    margin-bottom: 20px;
                    .centhr-img{
                        width: 66px;
                        height: 66px;
                        overflow: hidden;
                        flex-shrink: 0;
                        img{
                            width: 100%;
                        }
                    }
                    .centhr-wenz{
                        text-align: left;
                        margin-left: 20px;
                        h1{
                            font-size: 33px;
                            color: white;
                        }
                        span{
                            width: 180px !important;
                            display: block;
                            font-size: 14px;
                            color: white;
                            line-height: 29px;
                            margin-top: 17px;
                        }
                    }
                }
            }
        }
    }
    //伙伴
    .partner{
        .allWidth{
            h1{
                font-size: 26px;
                color: #2a2a2a;
                display: inline-block;
                margin-bottom: 32px;
            }
            span{
                font-size: 12px;
                color: #777777;
            }
            .row{
                font-size: 0;
                align-items: flex-start;
                padding: 0;
                .partner-img{
                    margin-bottom: 5px;
                    flex-grow: 0;
                    padding: 5px;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
}
//iphone6
@media only screen and (max-width:375px){
    .family{
        .allWidth{
            >h1{
                font-size: 36px;
                color: white;
                margin-bottom: 72px;
            }
            .row{
                margin-bottom: 7px;
                .family-mass{
                    display: flex;
                    align-items: center;
                    margin-bottom: 20px;
                    .centhr-img{
                        width: 66px;
                        height: 66px;
                        overflow: hidden;
                        flex-shrink: 0;
                        img{
                            width: 100%;
                        }
                    }
                    .centhr-wenz{
                        text-align: left;
                        margin-left: 20px;
                        h1{
                            font-size: 33px;
                            color: white;
                        }
                        span{
                            width: 230px;
                            display: block;
                            font-size: 14px;
                            color: white;
                            line-height: 29px;
                            margin-top: 17px;
                        }
                    }
                }
            }
        }
    }
}
